<template>
   <div>
     <header-vue textone="大"></header-vue>
     <body-vue></body-vue>
     <footer-vue></footer-vue>
   </div>
</template>

<script>
// 引入子组件对象
import headerVue from './components/header.vue'
import bodyVue from './components/body.vue'
import footerVue from './components/footer.vue'
   export default {
       data () {
       return {

       }
   },
   methods: {

   },
   components: {
    //  组件名 [模板中使用]
     headerVue: headerVue,
     bodyVue,
     footerVue
   }
 }
</script>

<style>
 
</style>
